Hệ thống xếp lịch học tín chỉ cho sinh viên CNTT trên PHP & MySQL
112.054 lượt xem;
1 doctype html
2 html(lang='en')
3
4 head
5 meta(charset='utf-8')
6 meta(http-equiv='X-UA-Compatible', content='IE=edge')
7 meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
8 meta(name='description', content='')
9 meta(name='author', content='')
10
11 title SB Admin - Start Bootstrap Template
12
13 include includes/css/core.pug
14
15 // Page level plugin CSS
16 link(href='vendor/datatables/dataTables.bootstrap4.css', rel='stylesheet')
17
18 include includes/css/custom.pug
19
20 body#page-top.fixed-nav.sticky-footer.bg-dark
21 include includes/navbar.pug
22 .content-wrapper
23 .container-fluid
24 // Breadcrumbs
25 ol.breadcrumb
26 li.breadcrumb-item
27 a(href='#') Dashboard
28 li.breadcrumb-item.active My Dashboard
29 // Icon Cards
30 .row
31 .col-xl-3.col-sm-6.mb-3
32 .card.text-white.bg-primary.o-hidden.h-100
33 .card-body
34 .card-body-icon
35 i.fa.fa-fw.fa-comments
36 .mr-5
37 | 26 New Messages!
38 a.card-footer.text-white.clearfix.small.z-1(href='#')
39 span.float-left View Details
40 span.float-right
41 i.fa.fa-angle-right
42 .col-xl-3.col-sm-6.mb-3
43 .card.text-white.bg-warning.o-hidden.h-100
44 .card-body
45 .card-body-icon
46 i.fa.fa-fw.fa-list
47 .mr-5
48 | 11 New Tasks!
49 a.card-footer.text-white.clearfix.small.z-1(href='#')
50 span.float-left View Details
51 span.float-right
52 i.fa.fa-angle-right
53 .col-xl-3.col-sm-6.mb-3
54 .card.text-white.bg-success.o-hidden.h-100
55 .card-body
56 .card-body-icon
57 i.fa.fa-fw.fa-shopping-cart
58 .mr-5
59 | 123 New Orders!
60 a.card-footer.text-white.clearfix.small.z-1(href='#')
61 span.float-left View Details
62 span.float-right
63 i.fa.fa-angle-right
64 .col-xl-3.col-sm-6.mb-3
65 .card.text-white.bg-danger.o-hidden.h-100
66 .card-body
67 .card-body-icon
68 i.fa.fa-fw.fa-support
69 .mr-5
70 | 13 New Tickets!
71 a.card-footer.text-white.clearfix.small.z-1(href='#')
72 span.float-left View Details
73 span.float-right
74 i.fa.fa-angle-right
75 // Area Chart Example
76 .card.mb-3
77 .card-header
78 i.fa.fa-area-chart
79 | Area Chart Example
80 .card-body
81 canvas#myAreaChart(width='100%', height='30')
82 .card-footer.small.text-muted
83 | Updated yesterday at 11:59 PM
84 .row
85 .col-lg-8
86 // Example Bar Chart Card
87 .card.mb-3
88 .card-header
89 i.fa.fa-bar-chart
90 | Bar Chart Example
91 .card-body
92 .row
93 .col-sm-8.my-auto
94 canvas#myBarChart(width='100', height='50')
95 .col-sm-4.text-center.my-auto
96 .h4.mb-0.text-primary $34,693
97 .small.text-muted YTD Revenue
98 hr
99 .h4.mb-0.text-warning $18,474
100 .small.text-muted YTD Expenses
101 hr
102 .h4.mb-0.text-success $16,219
103 .small.text-muted YTD Margin
104 .card-footer.small.text-muted
105 | Updated yesterday at 11:59 PM
106 // Card Columns Example Social Feed
107 .mb-0.mt-4
108 i.fa.fa-newspaper-o
109 | News Feed
110 hr.mt-2
111 .card-columns
112 // Example Social Card
113 .card.mb-3
114 a(href='#')
115 img.card-img-top.img-fluid.w-100(src='https://unsplash.it/700/450?image=610', alt='')
116 .card-body
117 h6.card-title.mb-1
118 a(href='#') David Miller
119 p.card-text.small
120 | These waves are looking pretty good today!
121 a(href='#') #surfsup
122 hr.my-0
123 .card-body.py-2.small
124 a.mr-3.d-inline-block(href='#')
125 i.fa.fa-fw.fa-thumbs-up
126 | Like
127 a.mr-3.d-inline-block(href='#')
128 i.fa.fa-fw.fa-comment
129 | Comment
130 a.d-inline-block(href='#')
131 i.fa.fa-fw.fa-share
132 | Share
133 hr.my-0
134 .card-body.small.bg-faded
135 .media
136 img.d-flex.mr-3(src='http://placehold.it/45x45', alt='')
137 .media-body
138 h6.mt-0.mb-1
139 a(href='#') John Smith
140 | Very nice! I wish I was there! That looks amazing!
141 ul.list-inline.mb-0
142 li.list-inline-item
143 a(href='#') Like
144 li.list-inline-item
145 | ·
146 li.list-inline-item
147 a(href='#') Reply
148 .media.mt-3
149 a.d-flex.pr-3(href='#')
150 img(src='http://placehold.it/45x45', alt='')
151 .media-body
152 h6.mt-0.mb-1
153 a(href='#') David Miller
154 | Next time for sure!
155 ul.list-inline.mb-0
156 li.list-inline-item
157 a(href='#') Like
158 li.list-inline-item
159 | ·
160 li.list-inline-item
161 a(href='#') Reply
162 .card-footer.small.text-muted
163 | Posted 32 mins ago
164 // Example Social Card
165 .card.mb-3
166 a(href='#')
167 img.card-img-top.img-fluid.w-100(src='https://unsplash.it/700/450?image=180', alt='')
168 .card-body
169 h6.card-title.mb-1
170 a(href='#') John Smith
171 p.card-text.small
172 | Another day at the office...
173 a(href='#') #workinghardorhardlyworking
174 hr.my-0
175 .card-body.py-2.small
176 a.mr-3.d-inline-block(href='#')
177 i.fa.fa-fw.fa-thumbs-up
178 | Like
179 a.mr-3.d-inline-block(href='#')
180 i.fa.fa-fw.fa-comment
181 | Comment
182 a.d-inline-block(href='#')
183 i.fa.fa-fw.fa-share
184 | Share
185 hr.my-0
186 .card-body.small.bg-faded
187 .media
188 img.d-flex.mr-3(src='http://placehold.it/45x45', alt='')
189 .media-body
190 h6.mt-0.mb-1
191 a(href='#') Jessy Lucas
192 | Where did you get that camera?! I want one!
193 ul.list-inline.mb-0
194 li.list-inline-item
195 a(href='#') Like
196 li.list-inline-item
197 | ·
198 li.list-inline-item
199 a(href='#') Reply
200 .card-footer.small.text-muted
201 | Posted 46 mins ago
202 // Example Social Card
203 .card.mb-3
204 a(href='#')
205 img.card-img-top.img-fluid.w-100(src='https://unsplash.it/700/450?image=281', alt='')
206 .card-body
207 h6.card-title.mb-1
208 a(href='#') Jeffery Wellings
209 p.card-text.small
210 | Nice shot from the skate park!
211 a(href='#') #kickflip
212 a(href='#') #holdmybeer
213 a(href='#') #igotthis
214 hr.my-0
215 .card-body.py-2.small
216 a.mr-3.d-inline-block(href='#')
217 i.fa.fa-fw.fa-thumbs-up
218 | Like
219 a.mr-3.d-inline-block(href='#')
220 i.fa.fa-fw.fa-comment
221 | Comment
222 a.d-inline-block(href='#')
223 i.fa.fa-fw.fa-share
224 | Share
225 .card-footer.small.text-muted
226 | Posted 1 hr ago
227 // Example Social Card
228 .card.mb-3
229 a(href='#')
230 img.card-img-top.img-fluid.w-100(src='https://unsplash.it/700/450?image=185', alt='')
231 .card-body
232 h6.card-title.mb-1
233 a(href='#') David Miller
234 p.card-text.small
235 | It's hot, and I might be lost...
236 a(href='#') #desert
237 a(href='#') #water
238 a(href='#') #anyonehavesomewater
239 a(href='#') #noreally
240 a(href='#') #thirsty
241 a(href='#') #dehydration
242 hr.my-0
243 .card-body.py-2.small
244 a.mr-3.d-inline-block(href='#')
245 i.fa.fa-fw.fa-thumbs-up
246 | Like
247 a.mr-3.d-inline-block(href='#')
248 i.fa.fa-fw.fa-comment
249 | Comment
250 a.d-inline-block(href='#')
251 i.fa.fa-fw.fa-share
252 | Share
253 hr.my-0
254 .card-body.small.bg-faded
255 .media
256 img.d-flex.mr-3(src='http://placehold.it/45x45', alt='')
257 .media-body
258 h6.mt-0.mb-1
259 a(href='#') John Smith
260 | The oasis is a mile that way, or is that just a mirage?
261 ul.list-inline.mb-0
262 li.list-inline-item
263 a(href='#') Like
264 li.list-inline-item
265 | ·
266 li.list-inline-item
267 a(href='#') Reply
268 .media.mt-3
269 a.d-flex.pr-3(href='#')
270 img(src='http://placehold.it/45x45', alt='')
271 .media-body
272 h6.mt-0.mb-1
273 a(href='#') David Miller
274 img.img-fluid.w-100.mb-1(src='https://unsplash.it/700/450?image=789', alt='')
275 | I'm saved, I found a cactus. How do I open this thing?
276 ul.list-inline.mb-0
277 li.list-inline-item
278 a(href='#') Like
279 li.list-inline-item
280 | ·
281 li.list-inline-item
282 a(href='#') Reply
283 .card-footer.small.text-muted
284 | Posted yesterday
285 // /Card Columns
286 .col-lg-4
287 // Example Pie Chart Card
288 .card.mb-3
289 .card-header
290 i.fa.fa-pie-chart
291 | Pie Chart Example
292 .card-body
293 canvas#myPieChart(width='100%', height='100')
294 .card-footer.small.text-muted
295 | Updated yesterday at 11:59 PM
296 // Example Notifications Card
297 .card.mb-3
298 .card-header
299 i.fa.fa-bell-o
300 | Feed Example
301 .list-group.list-group-flush.small
302 a.list-group-item.list-group-item-action(href='#')
303 .media
304 img.d-flex.mr-3.rounded-circle(src='http://placehold.it/45x45', alt='')
305 .media-body
306 strong David Miller
307 | posted a new article to
308 strong David Miller Website
309 | .
310 .text-muted.smaller Today at 5:43 PM - 5m ago
311 a.list-group-item.list-group-item-action(href='#')
312 .media
313 img.d-flex.mr-3.rounded-circle(src='http://placehold.it/45x45', alt='')
314 .media-body
315 strong Samantha King
316 | sent you a new message!
317 .text-muted.smaller Today at 4:37 PM - 1hr ago
318 a.list-group-item.list-group-item-action(href='#')
319 .media
320 img.d-flex.mr-3.rounded-circle(src='http://placehold.it/45x45', alt='')
321 .media-body
322 strong Jeffery Wellings
323 | added a new photo to the album
324 strong Beach
325 | .
326 .text-muted.smaller Today at 4:31 PM - 1hr ago
327 a.list-group-item.list-group-item-action(href='#')
328 .media
329 img.d-flex.mr-3.rounded-circle(src='http://placehold.it/45x45', alt='')
330 .media-body
331 i.fa.fa-code-fork
332 strong Monica Dennis
333 | forked the
334 strong startbootstrap-sb-admin
335 | repository on
336 strong GitHub
337 | .
338 .text-muted.smaller Today at 3:54 PM - 2hrs ago
339 a.list-group-item.list-group-item-action(href='#')
340 | View all activity...
341 .card-footer.small.text-muted
342 | Updated yesterday at 11:59 PM
343 // Example DataTables Card
344 .card.mb-3
345 .card-header
346 i.fa.fa-table
347 | Data Table Example
348 .card-body
349 .table-responsive
350 table#dataTable.table.table-bordered(width='100%', cellspacing='0')
351 thead
352 tr
353 th Name
354 th Position
355 th Office
356 th Age
357 th Start date
358 th Salary
359 tfoot
360 tr
361 th Name
362 th Position
363 th Office
364 th Age
365 th Start date
366 th Salary
367 tbody
368 tr
369 td Tiger Nixon
370 td System Architect
371 td Edinburgh
372 td 61
373 td 2011/04/25
374 td $320,800
375 tr
376 td Garrett Winters
377 td Accountant
378 td Tokyo
379 td 63
380 td 2011/07/25
381 td $170,750
382 tr
383 td Ashton Cox
384 td Junior Technical Author
385 td San Francisco
386 td 66
387 td 2009/01/12
388 td $86,000
389 tr
390 td Cedric Kelly
391 td Senior Javascript Developer
392 td Edinburgh
393 td 22
394 td 2012/03/29
395 td $433,060
396 tr
397 td Airi Satou
398 td Accountant
399 td Tokyo
400 td 33
401 td 2008/11/28
402 td $162,700
403 tr
404 td Brielle Williamson
405 td Integration Specialist
406 td New York
407 td 61
408 td 2012/12/02
409 td $372,000
410 tr
411 td Herrod Chandler
412 td Sales Assistant
413 td San Francisco
414 td 59
415 td 2012/08/06
416 td $137,500
417 tr
418 td Rhona Davidson
419 td Integration Specialist
420 td Tokyo
421 td 55
422 td 2010/10/14
423 td $327,900
424 tr
425 td Colleen Hurst
426 td Javascript Developer
427 td San Francisco
428 td 39
429 td 2009/09/15
430 td $205,500
431 tr
432 td Sonya Frost
433 td Software Engineer
434 td Edinburgh
435 td 23
436 td 2008/12/13
437 td $103,600
438 tr
439 td Jena Gaines
440 td Office Manager
441 td London
442 td 30
443 td 2008/12/19
444 td $90,560
445 tr
446 td Quinn Flynn
447 td Support Lead
448 td Edinburgh
449 td 22
450 td 2013/03/03
451 td $342,000
452 tr
453 td Charde Marshall
454 td Regional Director
455 td San Francisco
456 td 36
457 td 2008/10/16
458 td $470,600
459 tr
460 td Haley Kennedy
461 td Senior Marketing Designer
462 td London
463 td 43
464 td 2012/12/18
465 td $313,500
466 tr
467 td Tatyana Fitzpatrick
468 td Regional Director
469 td London
470 td 19
471 td 2010/03/17
472 td $385,750
473 tr
474 td Michael Silva
475 td Marketing Designer
476 td London
477 td 66
478 td 2012/11/27
479 td $198,500
480 tr
481 td Paul Byrd
482 td Chief Financial Officer (CFO)
483 td New York
484 td 64
485 td 2010/06/09
486 td $725,000
487 tr
488 td Gloria Little
489 td Systems Administrator
490 td New York
491 td 59
492 td 2009/04/10
493 td $237,500
494 tr
495 td Bradley Greer
496 td Software Engineer
497 td London
498 td 41
499 td 2012/10/13
500 td $132,000
501 tr
502 td Dai Rios
503 td Personnel Lead
504 td Edinburgh
505 td 35
506 td 2012/09/26
507 td $217,500
508 tr
509 td Jenette Caldwell
510 td Development Lead
511 td New York
512 td 30
513 td 2011/09/03
514 td $345,000
515 tr
516 td Yuri Berry
517 td Chief Marketing Officer (CMO)
518 td New York
519 td 40
520 td 2009/06/25
521 td $675,000
522 tr
523 td Caesar Vance
524 td Pre-Sales Support
525 td New York
526 td 21
527 td 2011/12/12
528 td $106,450
529 tr
530 td Doris Wilder
531 td Sales Assistant
532 td Sidney
533 td 23
534 td 2010/09/20
535 td $85,600
536 tr
537 td Angelica Ramos
538 td Chief Executive Officer (CEO)
539 td London
540 td 47
541 td 2009/10/09
542 td $1,200,000
543 tr
544 td Gavin Joyce
545 td Developer
546 td Edinburgh
547 td 42
548 td 2010/12/22
549 td $92,575
550 tr
551 td Jennifer Chang
552 td Regional Director
553 td Singapore
554 td 28
555 td 2010/11/14
556 td $357,650
557 tr
558 td Brenden Wagner
559 td Software Engineer
560 td San Francisco
561 td 28
562 td 2011/06/07
563 td $206,850
564 tr
565 td Fiona Green
566 td Chief Operating Officer (COO)
567 td San Francisco
568 td 48
569 td 2010/03/11
570 td $850,000
571 tr
572 td Shou Itou
573 td Regional Marketing
574 td Tokyo
575 td 20
576 td 2011/08/14
577 td $163,000
578 tr
579 td Michelle House
580 td Integration Specialist
581 td Sidney
582 td 37
583 td 2011/06/02
584 td $95,400
585 tr
586 td Suki Burks
587 td Developer
588 td London
589 td 53
590 td 2009/10/22
591 td $114,500
592 tr
593 td Prescott Bartlett
594 td Technical Author
595 td London
596 td 27
597 td 2011/05/07
598 td $145,000
599 tr
600 td Gavin Cortez
601 td Team Leader
602 td San Francisco
603 td 22
604 td 2008/10/26
605 td $235,500
606 tr
607 td Martena Mccray
608 td Post-Sales support
609 td Edinburgh
610 td 46
611 td 2011/03/09
612 td $324,050
613 tr
614 td Unity Butler
615 td Marketing Designer
616 td San Francisco
617 td 47
618 td 2009/12/09
619 td $85,675
620 tr
621 td Howard Hatfield
622 td Office Manager
623 td San Francisco
624 td 51
625 td 2008/12/16
626 td $164,500
627 tr
628 td Hope Fuentes
629 td Secretary
630 td San Francisco
631 td 41
632 td 2010/02/12
633 td $109,850
634 tr
635 td Vivian Harrell
636 td Financial Controller
637 td San Francisco
638 td 62
639 td 2009/02/14
640 td $452,500
641 tr
642 td Timothy Mooney
643 td Office Manager
644 td London
645 td 37
646 td 2008/12/11
647 td $136,200
648 tr
649 td Jackson Bradshaw
650 td Director
651 td New York
652 td 65
653 td 2008/09/26
654 td $645,750
655 tr
656 td Olivia Liang
657 td Support Engineer
658 td Singapore
659 td 64
660 td 2011/02/03
661 td $234,500
662 tr
663 td Bruno Nash
664 td Software Engineer
665 td London
666 td 38
667 td 2011/05/03
668 td $163,500
669 tr
670 td Sakura Yamamoto
671 td Support Engineer
672 td Tokyo
673 td 37
674 td 2009/08/19
675 td $139,575
676 tr
677 td Thor Walton
678 td Developer
679 td New York
680 td 61
681 td 2013/08/11
682 td $98,540
683 tr
684 td Finn Camacho
685 td Support Engineer
686 td San Francisco
687 td 47
688 td 2009/07/07
689 td $87,500
690 tr
691 td Serge Baldwin
692 td Data Coordinator
693 td Singapore
694 td 64
695 td 2012/04/09
696 td $138,575
697 tr
698 td Zenaida Frank
699 td Software Engineer
700 td New York
701 td 63
702 td 2010/01/04
703 td $125,250
704 tr
705 td Zorita Serrano
706 td Software Engineer
707 td San Francisco
708 td 56
709 td 2012/06/01
710 td $115,000
711 tr
712 td Jennifer Acosta
713 td Junior Javascript Developer
714 td Edinburgh
715 td 43
716 td 2013/02/01
717 td $75,650
718 tr
719 td Cara Stevens
720 td Sales Assistant
721 td New York
722 td 46
723 td 2011/12/06
724 td $145,600
725 tr
726 td Hermione Butler
727 td Regional Director
728 td London
729 td 47
730 td 2011/03/21
731 td $356,250
732 tr
733 td Lael Greer
734 td Systems Administrator
735 td London
736 td 21
737 td 2009/02/27
738 td $103,500
739 tr
740 td Jonas Alexander
741 td Developer
742 td San Francisco
743 td 30
744 td 2010/07/14
745 td $86,500
746 tr
747 td Shad Decker
748 td Regional Director
749 td Edinburgh
750 td 51
751 td 2008/11/13
752 td $183,000
753 tr
754 td Michael Bruce
755 td Javascript Developer
756 td Singapore
757 td 29
758 td 2011/06/27
759 td $183,000
760 tr
761 td Donna Snider
762 td Customer Support
763 td New York
764 td 27
765 td 2011/01/25
766 td $112,000
767 .card-footer.small.text-muted
768 | Updated yesterday at 11:59 PM
769 // /.container-fluid
770 // /.content-wrapper
771
772 include includes/footer.pug
773
774 include includes/scroll-to-top.pug
775
776 include includes/modals/logout.pug
777
778 include includes/js/core.pug
779
780 // Page level plugin JavaScript
781 script(src='vendor/chart.js/Chart.min.js')
782 script(src='vendor/datatables/jquery.dataTables.js')
783 script(src='vendor/datatables/dataTables.bootstrap4.js')
784
785 include includes/js/custom.pug
786
787 // Custom scripts for this page
788 script(src='js/sb-admin-datatables.min.js')
789 script(src='js/sb-admin-charts.min.js')
2 html(lang='en')
3
4 head
5 meta(charset='utf-8')
6 meta(http-equiv='X-UA-Compatible', content='IE=edge')
7 meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
8 meta(name='description', content='')
9 meta(name='author', content='')
10
11 title SB Admin - Start Bootstrap Template
12
13 include includes/css/core.pug
14
15 // Page level plugin CSS
16 link(href='vendor/datatables/dataTables.bootstrap4.css', rel='stylesheet')
17
18 include includes/css/custom.pug
19
20 body#page-top.fixed-nav.sticky-footer.bg-dark
21 include includes/navbar.pug
22 .content-wrapper
23 .container-fluid
24 // Breadcrumbs
25 ol.breadcrumb
26 li.breadcrumb-item
27 a(href='#') Dashboard
28 li.breadcrumb-item.active My Dashboard
29 // Icon Cards
30 .row
31 .col-xl-3.col-sm-6.mb-3
32 .card.text-white.bg-primary.o-hidden.h-100
33 .card-body
34 .card-body-icon
35 i.fa.fa-fw.fa-comments
36 .mr-5
37 | 26 New Messages!
38 a.card-footer.text-white.clearfix.small.z-1(href='#')
39 span.float-left View Details
40 span.float-right
41 i.fa.fa-angle-right
42 .col-xl-3.col-sm-6.mb-3
43 .card.text-white.bg-warning.o-hidden.h-100
44 .card-body
45 .card-body-icon
46 i.fa.fa-fw.fa-list
47 .mr-5
48 | 11 New Tasks!
49 a.card-footer.text-white.clearfix.small.z-1(href='#')
50 span.float-left View Details
51 span.float-right
52 i.fa.fa-angle-right
53 .col-xl-3.col-sm-6.mb-3
54 .card.text-white.bg-success.o-hidden.h-100
55 .card-body
56 .card-body-icon
57 i.fa.fa-fw.fa-shopping-cart
58 .mr-5
59 | 123 New Orders!
60 a.card-footer.text-white.clearfix.small.z-1(href='#')
61 span.float-left View Details
62 span.float-right
63 i.fa.fa-angle-right
64 .col-xl-3.col-sm-6.mb-3
65 .card.text-white.bg-danger.o-hidden.h-100
66 .card-body
67 .card-body-icon
68 i.fa.fa-fw.fa-support
69 .mr-5
70 | 13 New Tickets!
71 a.card-footer.text-white.clearfix.small.z-1(href='#')
72 span.float-left View Details
73 span.float-right
74 i.fa.fa-angle-right
75 // Area Chart Example
76 .card.mb-3
77 .card-header
78 i.fa.fa-area-chart
79 | Area Chart Example
80 .card-body
81 canvas#myAreaChart(width='100%', height='30')
82 .card-footer.small.text-muted
83 | Updated yesterday at 11:59 PM
84 .row
85 .col-lg-8
86 // Example Bar Chart Card
87 .card.mb-3
88 .card-header
89 i.fa.fa-bar-chart
90 | Bar Chart Example
91 .card-body
92 .row
93 .col-sm-8.my-auto
94 canvas#myBarChart(width='100', height='50')
95 .col-sm-4.text-center.my-auto
96 .h4.mb-0.text-primary $34,693
97 .small.text-muted YTD Revenue
98 hr
99 .h4.mb-0.text-warning $18,474
100 .small.text-muted YTD Expenses
101 hr
102 .h4.mb-0.text-success $16,219
103 .small.text-muted YTD Margin
104 .card-footer.small.text-muted
105 | Updated yesterday at 11:59 PM
106 // Card Columns Example Social Feed
107 .mb-0.mt-4
108 i.fa.fa-newspaper-o
109 | News Feed
110 hr.mt-2
111 .card-columns
112 // Example Social Card
113 .card.mb-3
114 a(href='#')
115 img.card-img-top.img-fluid.w-100(src='https://unsplash.it/700/450?image=610', alt='')
116 .card-body
117 h6.card-title.mb-1
118 a(href='#') David Miller
119 p.card-text.small
120 | These waves are looking pretty good today!
121 a(href='#') #surfsup
122 hr.my-0
123 .card-body.py-2.small
124 a.mr-3.d-inline-block(href='#')
125 i.fa.fa-fw.fa-thumbs-up
126 | Like
127 a.mr-3.d-inline-block(href='#')
128 i.fa.fa-fw.fa-comment
129 | Comment
130 a.d-inline-block(href='#')
131 i.fa.fa-fw.fa-share
132 | Share
133 hr.my-0
134 .card-body.small.bg-faded
135 .media
136 img.d-flex.mr-3(src='http://placehold.it/45x45', alt='')
137 .media-body
138 h6.mt-0.mb-1
139 a(href='#') John Smith
140 | Very nice! I wish I was there! That looks amazing!
141 ul.list-inline.mb-0
142 li.list-inline-item
143 a(href='#') Like
144 li.list-inline-item
145 | ·
146 li.list-inline-item
147 a(href='#') Reply
148 .media.mt-3
149 a.d-flex.pr-3(href='#')
150 img(src='http://placehold.it/45x45', alt='')
151 .media-body
152 h6.mt-0.mb-1
153 a(href='#') David Miller
154 | Next time for sure!
155 ul.list-inline.mb-0
156 li.list-inline-item
157 a(href='#') Like
158 li.list-inline-item
159 | ·
160 li.list-inline-item
161 a(href='#') Reply
162 .card-footer.small.text-muted
163 | Posted 32 mins ago
164 // Example Social Card
165 .card.mb-3
166 a(href='#')
167 img.card-img-top.img-fluid.w-100(src='https://unsplash.it/700/450?image=180', alt='')
168 .card-body
169 h6.card-title.mb-1
170 a(href='#') John Smith
171 p.card-text.small
172 | Another day at the office...
173 a(href='#') #workinghardorhardlyworking
174 hr.my-0
175 .card-body.py-2.small
176 a.mr-3.d-inline-block(href='#')
177 i.fa.fa-fw.fa-thumbs-up
178 | Like
179 a.mr-3.d-inline-block(href='#')
180 i.fa.fa-fw.fa-comment
181 | Comment
182 a.d-inline-block(href='#')
183 i.fa.fa-fw.fa-share
184 | Share
185 hr.my-0
186 .card-body.small.bg-faded
187 .media
188 img.d-flex.mr-3(src='http://placehold.it/45x45', alt='')
189 .media-body
190 h6.mt-0.mb-1
191 a(href='#') Jessy Lucas
192 | Where did you get that camera?! I want one!
193 ul.list-inline.mb-0
194 li.list-inline-item
195 a(href='#') Like
196 li.list-inline-item
197 | ·
198 li.list-inline-item
199 a(href='#') Reply
200 .card-footer.small.text-muted
201 | Posted 46 mins ago
202 // Example Social Card
203 .card.mb-3
204 a(href='#')
205 img.card-img-top.img-fluid.w-100(src='https://unsplash.it/700/450?image=281', alt='')
206 .card-body
207 h6.card-title.mb-1
208 a(href='#') Jeffery Wellings
209 p.card-text.small
210 | Nice shot from the skate park!
211 a(href='#') #kickflip
212 a(href='#') #holdmybeer
213 a(href='#') #igotthis
214 hr.my-0
215 .card-body.py-2.small
216 a.mr-3.d-inline-block(href='#')
217 i.fa.fa-fw.fa-thumbs-up
218 | Like
219 a.mr-3.d-inline-block(href='#')
220 i.fa.fa-fw.fa-comment
221 | Comment
222 a.d-inline-block(href='#')
223 i.fa.fa-fw.fa-share
224 | Share
225 .card-footer.small.text-muted
226 | Posted 1 hr ago
227 // Example Social Card
228 .card.mb-3
229 a(href='#')
230 img.card-img-top.img-fluid.w-100(src='https://unsplash.it/700/450?image=185', alt='')
231 .card-body
232 h6.card-title.mb-1
233 a(href='#') David Miller
234 p.card-text.small
235 | It's hot, and I might be lost...
236 a(href='#') #desert
237 a(href='#') #water
238 a(href='#') #anyonehavesomewater
239 a(href='#') #noreally
240 a(href='#') #thirsty
241 a(href='#') #dehydration
242 hr.my-0
243 .card-body.py-2.small
244 a.mr-3.d-inline-block(href='#')
245 i.fa.fa-fw.fa-thumbs-up
246 | Like
247 a.mr-3.d-inline-block(href='#')
248 i.fa.fa-fw.fa-comment
249 | Comment
250 a.d-inline-block(href='#')
251 i.fa.fa-fw.fa-share
252 | Share
253 hr.my-0
254 .card-body.small.bg-faded
255 .media
256 img.d-flex.mr-3(src='http://placehold.it/45x45', alt='')
257 .media-body
258 h6.mt-0.mb-1
259 a(href='#') John Smith
260 | The oasis is a mile that way, or is that just a mirage?
261 ul.list-inline.mb-0
262 li.list-inline-item
263 a(href='#') Like
264 li.list-inline-item
265 | ·
266 li.list-inline-item
267 a(href='#') Reply
268 .media.mt-3
269 a.d-flex.pr-3(href='#')
270 img(src='http://placehold.it/45x45', alt='')
271 .media-body
272 h6.mt-0.mb-1
273 a(href='#') David Miller
274 img.img-fluid.w-100.mb-1(src='https://unsplash.it/700/450?image=789', alt='')
275 | I'm saved, I found a cactus. How do I open this thing?
276 ul.list-inline.mb-0
277 li.list-inline-item
278 a(href='#') Like
279 li.list-inline-item
280 | ·
281 li.list-inline-item
282 a(href='#') Reply
283 .card-footer.small.text-muted
284 | Posted yesterday
285 // /Card Columns
286 .col-lg-4
287 // Example Pie Chart Card
288 .card.mb-3
289 .card-header
290 i.fa.fa-pie-chart
291 | Pie Chart Example
292 .card-body
293 canvas#myPieChart(width='100%', height='100')
294 .card-footer.small.text-muted
295 | Updated yesterday at 11:59 PM
296 // Example Notifications Card
297 .card.mb-3
298 .card-header
299 i.fa.fa-bell-o
300 | Feed Example
301 .list-group.list-group-flush.small
302 a.list-group-item.list-group-item-action(href='#')
303 .media
304 img.d-flex.mr-3.rounded-circle(src='http://placehold.it/45x45', alt='')
305 .media-body
306 strong David Miller
307 | posted a new article to
308 strong David Miller Website
309 | .
310 .text-muted.smaller Today at 5:43 PM - 5m ago
311 a.list-group-item.list-group-item-action(href='#')
312 .media
313 img.d-flex.mr-3.rounded-circle(src='http://placehold.it/45x45', alt='')
314 .media-body
315 strong Samantha King
316 | sent you a new message!
317 .text-muted.smaller Today at 4:37 PM - 1hr ago
318 a.list-group-item.list-group-item-action(href='#')
319 .media
320 img.d-flex.mr-3.rounded-circle(src='http://placehold.it/45x45', alt='')
321 .media-body
322 strong Jeffery Wellings
323 | added a new photo to the album
324 strong Beach
325 | .
326 .text-muted.smaller Today at 4:31 PM - 1hr ago
327 a.list-group-item.list-group-item-action(href='#')
328 .media
329 img.d-flex.mr-3.rounded-circle(src='http://placehold.it/45x45', alt='')
330 .media-body
331 i.fa.fa-code-fork
332 strong Monica Dennis
333 | forked the
334 strong startbootstrap-sb-admin
335 | repository on
336 strong GitHub
337 | .
338 .text-muted.smaller Today at 3:54 PM - 2hrs ago
339 a.list-group-item.list-group-item-action(href='#')
340 | View all activity...
341 .card-footer.small.text-muted
342 | Updated yesterday at 11:59 PM
343 // Example DataTables Card
344 .card.mb-3
345 .card-header
346 i.fa.fa-table
347 | Data Table Example
348 .card-body
349 .table-responsive
350 table#dataTable.table.table-bordered(width='100%', cellspacing='0')
351 thead
352 tr
353 th Name
354 th Position
355 th Office
356 th Age
357 th Start date
358 th Salary
359 tfoot
360 tr
361 th Name
362 th Position
363 th Office
364 th Age
365 th Start date
366 th Salary
367 tbody
368 tr
369 td Tiger Nixon
370 td System Architect
371 td Edinburgh
372 td 61
373 td 2011/04/25
374 td $320,800
375 tr
376 td Garrett Winters
377 td Accountant
378 td Tokyo
379 td 63
380 td 2011/07/25
381 td $170,750
382 tr
383 td Ashton Cox
384 td Junior Technical Author
385 td San Francisco
386 td 66
387 td 2009/01/12
388 td $86,000
389 tr
390 td Cedric Kelly
391 td Senior Javascript Developer
392 td Edinburgh
393 td 22
394 td 2012/03/29
395 td $433,060
396 tr
397 td Airi Satou
398 td Accountant
399 td Tokyo
400 td 33
401 td 2008/11/28
402 td $162,700
403 tr
404 td Brielle Williamson
405 td Integration Specialist
406 td New York
407 td 61
408 td 2012/12/02
409 td $372,000
410 tr
411 td Herrod Chandler
412 td Sales Assistant
413 td San Francisco
414 td 59
415 td 2012/08/06
416 td $137,500
417 tr
418 td Rhona Davidson
419 td Integration Specialist
420 td Tokyo
421 td 55
422 td 2010/10/14
423 td $327,900
424 tr
425 td Colleen Hurst
426 td Javascript Developer
427 td San Francisco
428 td 39
429 td 2009/09/15
430 td $205,500
431 tr
432 td Sonya Frost
433 td Software Engineer
434 td Edinburgh
435 td 23
436 td 2008/12/13
437 td $103,600
438 tr
439 td Jena Gaines
440 td Office Manager
441 td London
442 td 30
443 td 2008/12/19
444 td $90,560
445 tr
446 td Quinn Flynn
447 td Support Lead
448 td Edinburgh
449 td 22
450 td 2013/03/03
451 td $342,000
452 tr
453 td Charde Marshall
454 td Regional Director
455 td San Francisco
456 td 36
457 td 2008/10/16
458 td $470,600
459 tr
460 td Haley Kennedy
461 td Senior Marketing Designer
462 td London
463 td 43
464 td 2012/12/18
465 td $313,500
466 tr
467 td Tatyana Fitzpatrick
468 td Regional Director
469 td London
470 td 19
471 td 2010/03/17
472 td $385,750
473 tr
474 td Michael Silva
475 td Marketing Designer
476 td London
477 td 66
478 td 2012/11/27
479 td $198,500
480 tr
481 td Paul Byrd
482 td Chief Financial Officer (CFO)
483 td New York
484 td 64
485 td 2010/06/09
486 td $725,000
487 tr
488 td Gloria Little
489 td Systems Administrator
490 td New York
491 td 59
492 td 2009/04/10
493 td $237,500
494 tr
495 td Bradley Greer
496 td Software Engineer
497 td London
498 td 41
499 td 2012/10/13
500 td $132,000
501 tr
502 td Dai Rios
503 td Personnel Lead
504 td Edinburgh
505 td 35
506 td 2012/09/26
507 td $217,500
508 tr
509 td Jenette Caldwell
510 td Development Lead
511 td New York
512 td 30
513 td 2011/09/03
514 td $345,000
515 tr
516 td Yuri Berry
517 td Chief Marketing Officer (CMO)
518 td New York
519 td 40
520 td 2009/06/25
521 td $675,000
522 tr
523 td Caesar Vance
524 td Pre-Sales Support
525 td New York
526 td 21
527 td 2011/12/12
528 td $106,450
529 tr
530 td Doris Wilder
531 td Sales Assistant
532 td Sidney
533 td 23
534 td 2010/09/20
535 td $85,600
536 tr
537 td Angelica Ramos
538 td Chief Executive Officer (CEO)
539 td London
540 td 47
541 td 2009/10/09
542 td $1,200,000
543 tr
544 td Gavin Joyce
545 td Developer
546 td Edinburgh
547 td 42
548 td 2010/12/22
549 td $92,575
550 tr
551 td Jennifer Chang
552 td Regional Director
553 td Singapore
554 td 28
555 td 2010/11/14
556 td $357,650
557 tr
558 td Brenden Wagner
559 td Software Engineer
560 td San Francisco
561 td 28
562 td 2011/06/07
563 td $206,850
564 tr
565 td Fiona Green
566 td Chief Operating Officer (COO)
567 td San Francisco
568 td 48
569 td 2010/03/11
570 td $850,000
571 tr
572 td Shou Itou
573 td Regional Marketing
574 td Tokyo
575 td 20
576 td 2011/08/14
577 td $163,000
578 tr
579 td Michelle House
580 td Integration Specialist
581 td Sidney
582 td 37
583 td 2011/06/02
584 td $95,400
585 tr
586 td Suki Burks
587 td Developer
588 td London
589 td 53
590 td 2009/10/22
591 td $114,500
592 tr
593 td Prescott Bartlett
594 td Technical Author
595 td London
596 td 27
597 td 2011/05/07
598 td $145,000
599 tr
600 td Gavin Cortez
601 td Team Leader
602 td San Francisco
603 td 22
604 td 2008/10/26
605 td $235,500
606 tr
607 td Martena Mccray
608 td Post-Sales support
609 td Edinburgh
610 td 46
611 td 2011/03/09
612 td $324,050
613 tr
614 td Unity Butler
615 td Marketing Designer
616 td San Francisco
617 td 47
618 td 2009/12/09
619 td $85,675
620 tr
621 td Howard Hatfield
622 td Office Manager
623 td San Francisco
624 td 51
625 td 2008/12/16
626 td $164,500
627 tr
628 td Hope Fuentes
629 td Secretary
630 td San Francisco
631 td 41
632 td 2010/02/12
633 td $109,850
634 tr
635 td Vivian Harrell
636 td Financial Controller
637 td San Francisco
638 td 62
639 td 2009/02/14
640 td $452,500
641 tr
642 td Timothy Mooney
643 td Office Manager
644 td London
645 td 37
646 td 2008/12/11
647 td $136,200
648 tr
649 td Jackson Bradshaw
650 td Director
651 td New York
652 td 65
653 td 2008/09/26
654 td $645,750
655 tr
656 td Olivia Liang
657 td Support Engineer
658 td Singapore
659 td 64
660 td 2011/02/03
661 td $234,500
662 tr
663 td Bruno Nash
664 td Software Engineer
665 td London
666 td 38
667 td 2011/05/03
668 td $163,500
669 tr
670 td Sakura Yamamoto
671 td Support Engineer
672 td Tokyo
673 td 37
674 td 2009/08/19
675 td $139,575
676 tr
677 td Thor Walton
678 td Developer
679 td New York
680 td 61
681 td 2013/08/11
682 td $98,540
683 tr
684 td Finn Camacho
685 td Support Engineer
686 td San Francisco
687 td 47
688 td 2009/07/07
689 td $87,500
690 tr
691 td Serge Baldwin
692 td Data Coordinator
693 td Singapore
694 td 64
695 td 2012/04/09
696 td $138,575
697 tr
698 td Zenaida Frank
699 td Software Engineer
700 td New York
701 td 63
702 td 2010/01/04
703 td $125,250
704 tr
705 td Zorita Serrano
706 td Software Engineer
707 td San Francisco
708 td 56
709 td 2012/06/01
710 td $115,000
711 tr
712 td Jennifer Acosta
713 td Junior Javascript Developer
714 td Edinburgh
715 td 43
716 td 2013/02/01
717 td $75,650
718 tr
719 td Cara Stevens
720 td Sales Assistant
721 td New York
722 td 46
723 td 2011/12/06
724 td $145,600
725 tr
726 td Hermione Butler
727 td Regional Director
728 td London
729 td 47
730 td 2011/03/21
731 td $356,250
732 tr
733 td Lael Greer
734 td Systems Administrator
735 td London
736 td 21
737 td 2009/02/27
738 td $103,500
739 tr
740 td Jonas Alexander
741 td Developer
742 td San Francisco
743 td 30
744 td 2010/07/14
745 td $86,500
746 tr
747 td Shad Decker
748 td Regional Director
749 td Edinburgh
750 td 51
751 td 2008/11/13
752 td $183,000
753 tr
754 td Michael Bruce
755 td Javascript Developer
756 td Singapore
757 td 29
758 td 2011/06/27
759 td $183,000
760 tr
761 td Donna Snider
762 td Customer Support
763 td New York
764 td 27
765 td 2011/01/25
766 td $112,000
767 .card-footer.small.text-muted
768 | Updated yesterday at 11:59 PM
769 // /.container-fluid
770 // /.content-wrapper
771
772 include includes/footer.pug
773
774 include includes/scroll-to-top.pug
775
776 include includes/modals/logout.pug
777
778 include includes/js/core.pug
779
780 // Page level plugin JavaScript
781 script(src='vendor/chart.js/Chart.min.js')
782 script(src='vendor/datatables/jquery.dataTables.js')
783 script(src='vendor/datatables/dataTables.bootstrap4.js')
784
785 include includes/js/custom.pug
786
787 // Custom scripts for this page
788 script(src='js/sb-admin-datatables.min.js')
789 script(src='js/sb-admin-charts.min.js')
